<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
	<link rel="stylesheet" href="Public/Home/css/index.css" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.css" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.eot" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.ttf" />
<link rel="stylesheet" href="Public/Home/css/icon/iconfont.woff" />
<link rel="stylesheet" type="text/css" href="Public/Home/css/list.css"/>
<link rel="stylesheet" href="Public/Home/css/content.css" />
<link rel="stylesheet" type="text/css" href="Public/Home/css/shopsuccess.css"/>
<script type="text/javascript" src="Public/Home/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="Public/Home/js/index.js"></script>
<script type="text/javascript" src="Public/Home/js/content.js"></script>
</head>

<body>
	<header>
		<!-- 顶部登陆注册部分 -->
		<div class="top">
			<!-- 顶部中间部分 -->
			<div class="top_middle">
				<div class="left">
					<p class="">
						送至：
					</p>
					<p class="">
						北京
					</p>
					<p>
						<i class="iconfont ic">&#xe6a6;</i>
					</p>
				<!--二级菜单-->
					<div class="top_hd">
						<ul class="erji">
							<li class="first"><a href="">北京</a></li>
							<li><a href="">上海</a></li>
							<li><a href="">天津</a></li>
							<li><a href="">重庆</a></li>
							<li><a href="">河北</a></li>
							<li><a href="">四川</a></li>
							<li><a href="">武汉</a></li>
							<li><a href="">湖南</a></li>
							<li><a href="">吉林</a></li>
							<li><a href="">黑龙江</a></li>
						</ul>
					</div>
				<!--二级菜单结束-->
				</div>
				<ul class="right">
					<li><span class="se">|</span><a href="">网站导航</a><span class="iconfont ic2">&#xe6a6;</span>
						<div class="daohang">
							3333
						</div>
						
					</li>
					
					<li><span class="se">|</span><a href="">客户服务</a><span class="iconfont ic2">&#xe6a6;</span>
					</li>
					
					<li><span class="se">|</span><a href="">关注京东</a><span class="iconfont ic2">&#xe6a6;</span>
						<div class="guan">
							<img src="Public/Home/images/bg3.png"/>
						</div>
					</li>
					
					<li><span class="se">|</span><i class="iconfont">&#x345e;</i><a href="">手机京东</a><span class="iconfont ic2">&#xe6a6;</span>
						<div class="shouji">
							<img style="width: 250px;height:196px;" src="Public/Home/images/bg2.png"/>
						</div>
						
					</li>
					<li><span class="se">|</span><a href="">企业采购</a></li>
					<li><span class="se">|</span><a href="">京东会员</a></li>
					
					<li><span class="se">|</span><a href="">我的京东</a><span class="iconfont ic2">&#xe6a6;</span>
					<!--二级菜单的-->	
						<div class="wode">
							<div class="top">
								<img src="Public/Home/images/bg1.jpg" alt="" />
								<a href="http://localhost/shop.jd/jd-progect/index.php?m=Home&c=Index&a=login" class="lg">你好，请登录</a>
								<p class="xi">
									<a href="" >优惠</a>
									<span>|</span>
									<a href="">消息</a>
								</p>																	
							</div>
							<ul class="deil">
								<li><a href="">处理订单</a></li>
								<li><a href="">咨询回复</a></li>
								<li><a href="">降价商品</a></li>
								<li><a href="">返修退换货</a></li>
								<li><a href="">我的关注</a></li>
								<li><a href="">我的京豆</a></li>
								<li><a href="">我的理财</a></li>
								<li><a href="">我的白条</a></li>
							</ul>
							<div class="zuji">
								<a href="" class="zu">我的足迹</a>
								<a href="" class="more">更多>></a>
							</div>
							<img class="zutu" src="Public/Home/images/bg2.jpg" alt="" />	
							
						</div>
					<!--二级菜但结束-->
					</li>		
					<li><span class="se">|</span>
						<!--判断这里是不是已经登录-->
						
						                
						<a href="http://localhost/shop.jd/jd-progect/index.php?m=Home&c=person&a=index" style="padding-right:3px">我的订单</a>
											</li>						
				</ul>
				<!--您好请登录-->
				<div class="reg">
				                
					<span class="login">欢迎 邢志龙 ！</span>
									<a href="http://localhost/shop.jd/jd-progect/index.php?m=Home&c=Index&a=reg" class="check">免费注册</a>
				</div>
				
				<!--您好请登录注册结束-->				
			</div>
			<!-- 顶部中间部分结束 -->
		</div>
		<!-- 顶部结束 -->
		<!--顶部分搜索区域-->
		<div class="top_search">
			<img src="Public/Home/images/bg1.png" alt="" class="logo" />
			<form class="search_box" action="" method="post">
				<input class="text" type="text" name="" id=""  placeholder="魅族"/>
				<input class="sub" type="submit" value="搜索"/>
			</form>
			<ul class="search_tui">
				<li class="first"><a href="" class="">抢年货</a></li>
				<li><a href="" class="">开年团购</a></li>
				<li><a href="" class="">新年花卉</a></li>
			</ul>
			<!--购物车-->
			<script type="text/javascript">
				//给购物车加一个点击事件跳转到购物车页面去
				$(function(){
					$('.shop_box').click(function(){
												location.href="http://localhost/shop.jd/jd-progect/index.php?m=Home&c=shop&a=index";
											})
				})
			</script>
			<div class="shop_box">
				<p class="che"><a href="javascript:;">我的购物车</a></p>
				<span class="iconfont jian">&#xe6a7;</span>
				<div class="box_hidden">
					
				</div>
			</div>
			<!--购物车结束-->
		</div>		
		<!--顶部搜索区域结束-->	
		<!--顶部导航区域-->
				
		<div class="top_lend">
			<div class="lend_left">
				<a href="">全部商品分类</a>
			</div>
			<ul class="lend_dao">
				<li><a href="http://localhost/shop.jd/jd-progect/index.php?m=Home&c=index&a=index">首页</a></li>
								<li><a href="http://localhost/shop.jd/jd-progect/index.php?m=Home&c=list&a=index&gcid=3">家用电器</a></li>
								<li><a href="http://localhost/shop.jd/jd-progect/index.php?m=Home&c=list&a=index&gcid=16">手机、数码、京东通信</a></li>
								<li><a href="http://localhost/shop.jd/jd-progect/index.php?m=Home&c=list&a=index&gcid=27">个护化妆、清洁用品</a></li>
								<li><a href="http://localhost/shop.jd/jd-progect/index.php?m=Home&c=list&a=index&gcid=28">鞋靴、箱包、钟表、奢侈品</a></li>
							</ul>
			<img class="free" src="Public/Home/images/bg3.jpg" alt="" />
		</div>
	<!--顶部导航区域结束-->
	</header>
<!--内容部分开始-->
<div class="middle-box">
	<!--定部分-->
		<div class="middle_top">			
			<a class="big" href="">手机分类</a>
			<span>></span>
			<a href="">手机通讯</a>
			<span>></span>
			<a href="">手机</a>
			<span>></span>
			<a href="">小米（MI</a>
			
		</div>
		<!--下部分的左面放大镜部分-->
		<div class="middle-left">
			<div class="show">
				<img src="<?php echo $goodsData['listimg']?>" alt="" />
				<div class="cover"></div>
				<div class="kuai"></div>
			</div>
			
			<div class="smalltu">				
				<ul class="img">
					<?php foreach ($goodsData['gdimg'] as $k=>$v){?>					 
					<li <?php if($k==0){?>
                style=" border: 2px solid #B1191A"
               <?php }?>><img src="<?php echo $v?>" alt="" /></li>				
					<?php }?>
				</ul>				
			</div>
			<div class="hiddenImg">
				<img src="<?php echo $goodsData['listimg']?>" alt="" class="fangda" />
			</div>
			<div class="xinxi">
				<div class="shangpin"><span>商品编号：</span>
				<span>1743187</span></div>
				
				
				<span class="xing"></span>
				<span class="li"></span>
				<a href="" class="guan">关注</a>
				<a href="" class="shang">关注商品</a>
			</div>
			
		</div>
		<!--中部购物信息选择区域-->
		<div class="middle-center">
			<div class="top">
				<div class="wenzi">
					<h2><?php echo $goodsData['gname']?></h1>
					<p>四核移动4G双卡双待手机，增强版给力扩充至2GB 内存+16GB容量！<a href="" class="lan">买小米挚爱·不等待·就现在【更多惊喜请点击】</a></p>
					<p>选择下方购买方式→【移动合约机】→【北京移动购机赠费】选88元档位套餐，不换号，可得840元话费!</p>
				</div>
				<a href="" class="duibi">对比</a>
			</div>
			<div class="middle_jia">
				<div class="jingjia">
					<span class="j">京&nbsp;东&nbsp;价：</span>
					<strong>￥<?php echo $goodsData['shopprice']?></strong>
					<a href="">(降价通知)</a>
					<p class="coment">累计浏览</p>
					<a href="" class="shu"><?php echo $goodsData['gsort']?></a>
				</div>
				<div class="jingjia">
					<span class="j">促&nbsp;销&nbsp;信&nbsp;息：</span>
					<span class="jiajia">加价购</span>
					<span class="se">满100.00另加30.00元，或满200.00另加15.00元，即可购买热销商品 </span>
					<a href="" class="xiangqing">详情>></a>
				</div>
			</div>
		<form class="form" action="" method="post">
			
			<?php foreach ($arr as $k=>$v){?>
			<div class="song">
				<p><?php echo $v[0]['taname']?>：</p>
				<ul class="tu">
					<?php foreach ($v[0]['tavalue'] as $vv){?>
					<li><a href="javascript:;"><?php echo $vv?></a><span></span>						
						
					</li>					
					<?php }?>
				</ul>	
				<input class="hid" value="" type="hidden" name="attr[<?php echo $v[0]['taname']?>]" />				
			</div>
			<?php }?>			
			<input type="hidden" name="gid" value="<?php echo Q('get.gid',0,'intval')?>" />
			<input type="submit" value="" style="border:none;cursor: pointer;" class="add"/>
		</form>	
		</div>
		<div class="middle_right">
			<div class="logotu"><img src="Public/Home/images/bg42.jpg" alt="" /></div>
			<div class="dian">
				<a href="">小米官方旗舰店</a>
				<span>京东自营</span>
			</div>
			<div class="kefu"><a href=""><img src="Public/Home/images/bg43.png" alt="" /></a></div>
			<ul class="dianpu">
				<li><a href="">进入店铺</a></li>
				<li><a href="">关注店铺</a></li>
			</ul>
			<p class="fu">服务支持：</p>
		</div>
		<!--中部购物信息选择区域结束-->				
</div>
<!--内容部分结束-->
<!--商品介绍和评论部分-->
<div class="bottom">
	<!--左面的‘关于手机你可能在找’-->
	<div class="bottom_left">
		
	</div>
	<!--左面结束-->
	<!--右面部分-->
	<div class="bottom_right">
		<ul class="teb">
			<li><a href="javascript:;">商品介绍  </a></li>
			<li><a href="javascript:;">规格参数</a></li>
			<li><a href="javascript:;">包装清单</a></li>
			<li><a href="javascript:;">商品评价(<span>50741</span>)</a></li>
			<li><a href="javascript:;">售后保障</a></li>
			<li><a href="javascript:;">京东服务</a></li>
			<a href="" class="gouwu"></a>
		</ul>
		<div class="father_box">
			<!--teb切换的隐藏部分-->	
			<!--商品介绍开始-->	
			<div class="teb_box" style="display: block;">
				<ul class="par1">
					<li>
						<span class="tu1"></span>
						<p>屏幕尺寸：4.7英寸</p>
						<p>分辨率：1280×720(HD,720P) </p>
					</li>
					<li>
						<span class="tu1"></span>
						<p>屏幕尺寸：4.7英寸</p>
						<p>分辨率：1280×720(HD,720P) </p>
					</li>
					<li>
						<span class="tu1"></span>
						<p>屏幕尺寸：4.7英寸</p>
						<p>分辨率：1280×720(HD,720P) </p>
					</li>
					<li>
						<span class="tu1"></span>
						<p>屏幕尺寸：4.7英寸</p>
						<p>分辨率：1280×720(HD,720P) </p>
					</li>
					
					
				</ul>
				<ul class="par1">
					<li>						
						<p>屏幕尺寸：4.7英寸</p>
						<p>分辨率：1280×720(HD,720P) </p>
						<p>机身颜色：灰色</p>
					</li>
					<li>						
						<p>屏幕尺寸：4.7英寸</p>
						<p>分辨率：1280×720(HD,720P) </p>
						<p>机身颜色：灰色</p>
					</li>
					<li>						
						<p>屏幕尺寸：4.7英寸</p>
						<p>分辨率：1280×720(HD,720P) </p>
						<p>机身颜色：灰色</p>
					</li>
					<li>						
						<p>屏幕尺寸：4.7英寸</p>
						<p>分辨率：1280×720(HD,720P) </p>
						<p>机身颜色：灰色</p>
					</li>
					
				</ul>
						<ul class="par1">
					<li>						
						<p>屏幕尺寸：4.7英寸</p>
						<p>分辨率：1280×720(HD,720P) </p>
						<p>机身颜色：灰色</p>
					</li>
					<li>						
						<p>屏幕尺寸：4.7英寸</p>
						<p>分辨率：1280×720(HD,720P) </p>
						<p>机身颜色：灰色</p>
					</li>
					<li>						
						<p>屏幕尺寸：4.7英寸</p>
						<p>分辨率：1280×720(HD,720P) </p>
						<p>机身颜色：灰色</p>
					</li>
					<li>						
						<p>屏幕尺寸：4.7英寸</p>
						<p>分辨率：1280×720(HD,720P) </p>
						<p>机身颜色：灰色</p>
					</li>
					
				</ul>
				<!--商品详细部分-->
				<div class="detail">
					<?php echo $goodsData['gddetail']?>
				</div>
				<!--商品详细部分结束-->
			</div>
			<!--商品介绍结束-->
			<!--商品规格-->
			<div class="teb_box" >
				
			</div>	
			<!--商品规格结束-->
			<!--商品包装	清单-->
			<div class="teb_box">
				
			</div>	
			<!--商品包装清单结束-->
			
			<div class="teb_box">
			<!--商品评价-->
			<table class="pinglu">
				<tr></tr>
				
			</table>
			<!--商品评价结束-->
			<!--商品评价-->
			
				<div class="ds-thread" data-thread-key="<?php echo $goodsData['gid']?>" data-title="<?php echo $goodsData['gname']?>" data-url="<?php echo U('Detail/index',array('gid'=>$goodsData['gid']))?>"></div>
			<!-- 多说评论框 end -->
			
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"blogxing"};
	(function() {
		var ds = document.createElement('script');
		ds.type = 'text/javascript';ds.async = true;
		ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
		ds.charset = 'UTF-8';
		(document.getElementsByTagName('head')[0] 
		 || document.getElementsByTagName('body')[0]).appendChild(ds);
	})();
</script>
<!-- 多说公共JS代码 end -->
</div>
			<div class="teb_box" >
				
			</div>	
			<!--商品评价结束-->
			<!--售后保障-->
			<div class="teb_box" >
			<?php echo $goodsData['gdsell']?>
			</div>	
			<!--售后保障结束-->
			<!--teb切换的隐藏部分-->
			
		</div>
		
		
	</div>
	<!--右面结束-->
</div>
<!--商品介绍和评论部分结束-->

<!--页面底部-->
<footer>
	<div class="sixbian">
		<div class="tua">
			<img src="Public/Home/images/bg24.png" alt="" />	
			<img src="Public/Home/images/bg25.png" alt="" />
			<img src="Public/Home/images/bg26.png" alt="" />
			<img src="Public/Home/images/bg27.png" alt="" />
		</div>
	</div>
	<div class="jieshao">
		<dl>
			<dt>购物指南</dt>
			<dd>购物流程</dd>
			<dd>会员介绍</dd>
			<dd>生活旅行/团购</dd>
			<dd>常见问题</dd>
		</dl>
			<dl>
			<dt>购物指南</dt>
			<dd>购物流程</dd>
			<dd>会员介绍</dd>
			<dd>生活旅行/团购</dd>
			<dd>常见问题</dd>
		</dl>
			<dl>
			<dt>购物指南</dt>
			<dd>购物流程</dd>
			<dd>会员介绍</dd>
			<dd>生活旅行/团购</dd>
			<dd>常见问题</dd>
		</dl>
			<dl>
			<dt>购物指南</dt>
			<dd>购物流程</dd>
			<dd>会员介绍</dd>
			<dd>生活旅行/团购</dd>
			<dd>常见问题</dd>
		</dl>	
		<dl>
			<dt>购物指南</dt>
			<dd>购物流程</dd>
			<dd>会员介绍</dd>
			<dd>生活旅行/团购</dd>
			<dd>常见问题</dd>
		</dl>
		<div class="ditu">
			<p class="a1">京东自营覆盖区县 </p>
			<p class="a2">京东已向全国2376个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
			<a class="a3" href="">查看详情 ></a>
		</div>
	</div>
	<div class="bi">
		<ul class="ul">
			<li>关于我们<span>|</span></li>
			<li>联系我们<span>|</span></li>
			<li>商家入驻<span>|</span></li>
			<li>营销中心<span>|</span></li>
			<li>手机京东<span>|</span></li>
			<li>友情链接<span>|</span></li>
			<li>销售联盟<span>|</span></li>
			<li>京东社区<span>|</span></li>
			<li>京东公益<span>|</span></li>
			<li>English<span>|</span></li>
			<li>Contact<span>|</span></li>
			<li>Us<span>|</span></li>
			<li>Site</li>			
		</ul>
		<center class="b">北京市公安局朝阳分局备案编号110105014669  |  京ICP证070359号  |  互联网药品信息服务资格证编号(京)-经营性-2014-0008  |  新出发京零 字第大120007号</center>
		<center class="b2">音像制品经营许可证苏宿批005号  |  出版物经营许可证编号新出发(苏)批字第N-012号  |  互联网出版许可证编号新出网证(京)字150号</center>
		<center class="b3">网络文化经营许可证京网文[2014]2148-348号  违法和不良信息举报电话：4006561155  Copyright © 2004-2016  京东JD.com 版权所有</center>
		<center class="b4">京东旗下网站：360TOP  拍拍网  网银在线</center>
		<center class="b5">
			<img src="Public/Home/images/bg21.png" alt="" />
			<img src="Public/Home/images/bg22.png" alt="" />
			<img src="Public/Home/images/bg23.png" alt="" />
			<img src="Public/Home/images/bg29.png" alt="" />
			<img src="Public/Home/images/bg28.png" alt="" />
		</center>
	</div>
</footer>
<!--页面底部-->
</body>
</html>
